Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 25, 2014 at 1:15 pm #242693
    pbennion

    I have problem which am hoping you can duplicate.

    When I select the new theme option of centered logo with menu underneath.

    When reducing width to responsive theme sizes it begins to pushes the logo to the left.

    From width 670px it begins to be pushed slightly off viewport.

    This also occurs at the next breakpoint of 480px.

    Please see new.leemarine.co as example test site.

    Cheers

    Paul

    March 25, 2014 at 2:07 pm #242711
    Yigit

    Hey pbennion!

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

    @media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
margin-left: 25%;
}}
@media only screen and (max-width: 480px) { 
.responsive .mobile_slide_out .logo {
margin-left: 30%;
}
#header_main .social_bookmarks { right: -20%; }}

    Cheers!
    Yigit

    March 25, 2014 at 2:56 pm #242743
    pbennion

    Thanks, Thats almost perfect !

    The Logo is fixed for all widths, but the social icons are being displayed centered and then as width reduces they overlap with the logo between 480 and 768px.

    Is there some styling to position closer to the menu on the right?

    Thanks again.

    Paul

    P.S. I have never had a theme previously where the support staff have been so helpful to customise and get our sites displaying ‘just right’.
    It is inspiring!

    March 25, 2014 at 4:48 pm #242824
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) and (min-width: 480px) {
#header_main .social_bookmarks { right: -25%; }}

    Thank you for you kind words, we are always glad to help :)

    Regards,
    Yigit

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