We have a spacing issue after last update, any thoughts on a fix ?
Screendump image is here http://awesomescreenshot.com/0272hmkd26
The top menu looks all wrong in mobile now also. All gone a bit wrong….see screenshot http://www.stourportbc.co.uk/wp-content/uploads/2014/03/1394749367800.jpg
thnx
Hey mikemurphy10!
Did you try to reconfigure the header settings on Enfold > Header? Please add this on Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top #header_meta .social_bookmarks li:last-child a {
border-right: none;
}
#top #header .social_bookmarks li:last-child {
border-right: 1px solid;
}
}
Regards,
Ismael
Hi Ismael, that CSS has almost sorted the display in mobile, but the top menu still has alignment issues. See http://www.stourportbc.co.uk/wp-content/uploads/2014/03/1394802023494.jpg
I checked the Header settings, but the space is still missing after the separator (in chrome) See http://www.stourportbc.co.uk/ top right
regards
Hey!
1) To fix the spacing issue insert this code into the quick css field:
.header_color .phone-info {
margin-right: 10px;
}
2) To change the responsive layout try this code:
@media only screen and (max-width: 767px){
.header_color .phone-info { margin-top: -31px; }
.av_phone_active_right.av_secondary_right .phone-info.with_nav span { border-left: 1px solid; border-right: none !important; }
.responsive #header .sub_menu { text-align: left; }
}
Regards,
Peter
Hi Peter…the spacing is fixed now thanks.
Still have the same layout issue even after using the responsive code.
rgds
Hi!
I think this should be a more top end fix so I’m going to tag the topic for Kriesi to take a look at so that it can get fixed within the theme and not just a bandaid from us.
Best regards,
Devin
OK Devin, many thanks