Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 1, 2014 at 4:16 pm #246111
    Beertank

    Hi

    I recently updated the Enfold theme to the latest version and now when viewing my site on an iphone the social media icons are hidden behind the logo. When viewing on my ipad in portrait they are hidden by the menu box on the right hand side.

    Also on Ipad when viewing the page: http://www.icfurniture.co.uk/products the partner/logo element is displaying oddly – it is stacking partner logos 2×2 on the left hand side of the page instead of 1 row of 4 centred on the page.

    Is there any way to get around these issues please – looks shabby.

    I have uploaded screenshots of the issues to a dropbox folder here: https://www.dropbox.com/sh/p5zw2urgmp70vo6/-R9d7J_6-k

    Thanks

    April 4, 2014 at 10:39 pm #247669
    Yigit

    Hey Chris!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate {
display: block;
}
.responsive #header .social_bookmarks {
display: block!important;
}}
@media only screen and (max-width: 990px) and (min-width: 768px) {
#top .avia-logo-element-container .slide-entry {
width: 50% !important;
}}

    Regards,
    Yigit

    April 10, 2014 at 12:17 pm #249728
    Beertank

    Hi Yigit,

    Thanks for this but when I went to apply the CSS to fix the social icons I checked the site again on my iphone and the social icons had disappeared all together, not sure why?? This CSS has now solved the issue I had with the partner logos positioning in portrait and landscape on the ipad now so many thanks.

    There is a new issue however that I discovered today on my ipad just before applying the CSS fix above (so its nothing to do with this new CSS) The logo, navigation menu and social icons have all gone out of position. The logo is in front of the link to the “Home” and “about” page links and the social icons are now in-line with the page nav far right (used to be above) and in portrait they float to the left hand side of the page underneath the page title.????

    Why is it all changing by itself all the time?

    Please see here for screen shots: https://www.dropbox.com/sh/ppu8tkcz13zdgur/ZoSgIkcigC

    Can you advise on a fix please.

    Many thanks

    April 10, 2014 at 5:09 pm #249846
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1140px) {
.av-main-nav > li > a {
padding: 0 7px; }}

    Then go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px

    Cheers!
    Yigit

    April 10, 2014 at 5:15 pm #249850
    Yigit

    Hey!

    I checked your website on my iphone and social icons are visible on my end – http://i.imgur.com/4lW18ox.png
    Please flush browser cache on your iphone

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.