Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 4, 2015 at 6:45 pm #374739
    Raiden

    Hi im trying to style a logo at mobile sizes with the following code

    @media only screen and (max-width: 768px)
    #top .responsive .logo {
    position: static;
    display: table;
    height: 94px !important;
    float: none;
    padding: 0;
    border: none;
    width: 35% !important;
    }

    I can see that the style is being controlled by layout.css

    I cant over ride this form my child theme style

    January 5, 2015 at 3:06 am #374895
    Ismael

    Hi Gareth!

    Thank you for using Enfold.

    There are missing brackets on the css code. Please replace it with this:

    @media only screen and (max-width: 768px) {
#top .responsive .logo {
position: static;
display: table;
height: 94px !important;
float: none;
padding: 0;
border: none;
width: 35% !important;
}
}

    Regards,
    Ismael

    January 5, 2015 at 11:15 am #374985
    Raiden

    OMG! im so sorry Ismael!! I didn’t see that :P

    Could you help me with one more issue i’m having.

    At around 990 width my grid elements break out of the boxed layout. How do i prevent this form happening? I would like them to remain boxed on mobile so the background is always visible around the sides of the elements.

    Please refer to the images i have included.

    Correct
    http://www.mcewan.co.za/screen_shots/tasteofpe/correct-alignment.png

    Incorrect
    http://www.mcewan.co.za/screen_shots/tasteofpe/incorrect-alignment.png

    • This reply was modified 9 years, 10 months ago by Raiden.
    January 5, 2015 at 2:19 pm #375044
    Yigit

    Hey!

    I answered your question here – https://kriesi.at/support/topic/grid-sections-become-full-width-on-mobile/#post-375039

    Cheers!
    Yigit

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