Some Issues with Enigmatic

[supreme]

Hello,
thanks for this nice time. We have made a lot of editing (one thanks to you too) but we have some problems too:

1) we see this text “PreviewView Post” into the snippet of google search in home page and page too with portfolio (I attach a snap). there is a way to fix?

2) in mobile view the logo is not correctly allign on the left, but it is going to the icon of menu (you could check too with your browser) url: architrama dot it

3) we are using the 2.0 version, but now enigmatic is now 3.1
We have made a lot of editing in theme, is secure to upgrade to the latest version without problem?

[livemesh]

1) The google search results seem to have corrected themselves. I found the portfolio items are the bottom of the home page and hence not sure why Google would show them in the preview. If you have not already done so, I recommend you use an SEO plugin for your site to take control of this. I use WordPress SEO plugin by Yoast before and served me well so far

http://wordpress.org/plugins/wordpress-seo/

2) For the logo issue on mobile you can use the following custom CSS ( with logo size varying so much and with many device resolutions it’s hard to come up with something that works well in all situations) –

@media only screen and (max-width: 479px) {
#site-title a { background-size: 70%; }
}

3) Hard to say – depends on the kind of customization you have made. If it’s all just custom CSS, should be ok. If there are php code changes too, we need to be careful. Either way have a backup that you can revert back.

I would recommend you have a subfolder/subdomain where you have a fresh install of WordPress, load the latest version and reapply these changes you made. If you feel everything looks normal,just move the theme files back to the original server. You can try having a child theme to make these changes so that you do not have to repeat this for future updates. Hope this helps.

[supreme]

Hello, thanks for your tips, it works 😉

but I have another problem too (for css) when I simulate the website on vertical view (ipad) is the logo over menu and the menu in two line
I tried on http://ipadpeek.com/

[livemesh]

In your case, it is probably much easier to enable mobile menu for the portrait mode of iPad but I think the below code in Custom CSS tab will do for now –

@media only screen and (max-width: 1024px) {

#primary-menu, #header-logo { position: relative; }

#header-logo { margin-bottom: 20px; }

#primary-menu > ul.menu > li.current-menu-ancestor, #primary-menu > ul.menu > li.current-menu-item {
		border-bottom: 4px solid #46A5D5;
		border-top: none !important;
}
#primary-menu > ul.menu > li:hover, #primary-menu > ul.menu > li.sfHover,
#primary-menu ul > li.sfHover > a, #primary-menu ul li a:hover { 
background: none !important; 
color: #333 !important; }

#primary-menu > ul.menu > li:hover:before, #primary-menu > ul.menu > li.sfHover:before {
	background: none !important;
}
    
    }

[supreme]

Thanks, but it doesn’t work correctly :/ in other page i see other problem with menu, and the header text/bg on the right

[supreme]

if is difficult how to enable mobile menu in that view?

[livemesh]

Enabling mobile menu is easier. You can see a block of code from line number 103 to 117 in css/responsive.css which starts and ends like this –

    #primary-menu { display: none; }
......
......
    #mobile-menu-toggle { display: block; position: absolute; top: 30px; right: 0; height: 22px; width: 24px; padding: 5px; border: 2px solid #bbb; }

MOVE that whole chunk of code to line number 40 inside the block –
@media only screen and (max-width: 1100px) {
…
}

If you do not want to mess with the responsive.css file, you can copy this piece of code to Custom CSS tab or custom.css file and wrap it with the required media query

@media only screen and (max-width: 1100px) {
    #primary-menu { display: none; }
......
.......
    #mobile-menu-toggle { display: block; position: absolute; top: 30px; right: 0; height: 22px; width: 24px; padding: 5px; border: 2px solid #bbb; }
}

Sorry – this task could have been easier if we had these pieces in style.css itself but for performance reasons (to avoid processing these styles in desktop browsers), we had to have it in responsive.css under respective media query block.

[Author]

Posts