Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 1, 2021 at 12:12 pm #1323126
    pontedellarco

    hello I needed to do only some boxed pages, the others not, so I put the boxed site and then I put the code on each page to make it stretched, this is the code:

    .responsive .boxed#top.page-id-17183, .responsive.html_boxed.html_header_sticky .term-17183 #header {
    max-width: 100%!important;
    width: 100%!important;
    }

    but now I should do it in some sections which are not pages but categories but it doesn’t work, I tried to enter this code but it doesn’t work:

    .responsive .boxed#top.category-id-4, .responsive.html_boxed.html_header_sticky .term-4 #header {
    max-width: 100%!important;
    width: 100%!important;
    }

    can you help me please

    October 1, 2021 at 1:47 pm #1323152
    Ismael

    Hey pontedellarco,

    Thank you for the inquiry.

    Where can we see the issue? Please post the URL of the category page where you need the boxed layout. You may need to adjust the css selector a bit.

    .responsive #top.category-1, .responsive #top.category-1 #header, .responsive #top.category-1 .container {
    max-width: 100%!important;
    width: 100%!important;
}

    Best regards,
    Ismael

    October 1, 2021 at 2:35 pm #1323158
    pontedellarco

    also I have another problem that I have noticed now, the code works on the pages both on the body and in the foot of the page, but it does not work for the menu which remains small

    October 1, 2021 at 2:47 pm #1323160
    pontedellarco

    thanks this works perfectly.
    can you see why the drop-down menu stays small on the pages? for example on this page

    Regole per i commenti dei Lettori agli articoli

    October 2, 2021 at 4:48 am #1323227
    Rikard

    Hi,

    Thanks for the update. Do you mean that the main menu is not full width? If so, then please try CSS like this:

    .responsive.html_boxed.html_header_sticky #header {
    width: 100%;
    max-width: 100%;
}

    Best regards,
    Rikard

    October 2, 2021 at 12:43 pm #1323264
    pontedellarco

    thanks it works, but in the boxed pages it does this to me now:

    NEGOZIO LIBRARIO

    October 2, 2021 at 10:42 pm #1323304
    Mike

    Hi,
    for this page please try this css:

    #top.page-id-19049 #wrap_all #header {
	margin-left: -6.9%;
}

    expected results:
    2021-10-02_019.png
    unfortunately, both pages have the “boxed” class so you will have to specify the page IDs for this css to work only on some pages.

    Best regards,
    Mike

    October 3, 2021 at 1:15 pm #1323327
    pontedellarco

    thanks for the reply, i put the code you say but from the right side there is empty space

    vendita libri

    October 3, 2021 at 3:39 pm #1323336
    Mike

    Hi,
    Thanks for the feedback, in this example I have added media queries because I note that this is not needed for smaller devices before the boxed layout takes effect, and as the screen width becomes larger the percentage needs to change. So give this a try and if you notice a certain size that needs more percentage you can add it with a media query.

    @media only screen and (min-width: 989px) and (max-width: 1460px) { 
#top.page-id-26118 #wrap_all #header {
	margin-left: -5% !important;
}
}
@media only screen and (min-width: 1461px) { 
#top.page-id-26118 #wrap_all #header {
	margin-left: -7% !important;
}
}

    If you do find a certain size and your media query is not working as expected, then let us know so we can help.

    Best regards,
    Mike

    October 3, 2021 at 5:32 pm #1323343
    pontedellarco

    it worked thank you very much

    October 3, 2021 at 5:59 pm #1323345
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘boxed layout’ is closed to new replies.