Navigation 100% width

Posted in: Newspaper
Post count: 68

Hi tagDiv.

Maybe this is not a part of your support, I don’t know. Maybe it is a quick fix anyway that you can help me with.

Take a look here: https://farsoavis.kennethhedegaard.com/

I need the header menu (the colored tabs) to be 100% width and responsive. So the tabs have to stretch from side to side.

I think I have tried everything in your composer, without luck 🙁 But it seems like a pretty default feature, right?

Thank you.

Post count: 35449

Hi,
I think that you are referring to this section https://i.imgur.com/PKu0Bxf.png normally, with our theme you can stretch the row that hold the elements using the tagDiv Composer -> https://i.imgur.com/ogrkghL.jpg
I hope this will help you!

Post count: 68

Hi Calin.

I think you misunderstood me.

Take a look at my explanation here: https://www.youtube.com/watch?v=iwtxIUnDRL4

Post count: 35449

Hi,
Please change the padding from 41.7 to 41 -> https://i.imgur.com/2Kee7Rr.png and the results will be -> https://i.imgur.com/Y7YquFY.jpg
Thank you!

Post count: 68

Hi.

Yes I already tried that but it is still not adapting, when I resize my browser window.

https://i.postimg.cc/dVLXGS98/Sk-rmbillede-2022-01-13-kl-10-20-04.png

https://i.postimg.cc/qBwZSdbs/Sk-rmbillede-2022-01-13-kl-10-20-15.png

Post count: 35449

Hi,
I see, you are referring when you set some specific width size the menu element is not adjusted. I think that this is because the adjustment is set only on port views -> https://i.imgur.com/qCECWvQ.png and on each view have a variation of width, now the problem is that the menu element in each port width have a fixed with and to make it to adjust for each px width is request a little much work.
I will check the settings and see what is the most simple solution for this.
Thank you for your understanding!

Post count: 68

Thank you Calin! 🙂

Post count: 35449

Hi,
Please try this custom css:
@media only screen and (min-width: 768px) and (max-width: 785px) {
#menu-main-menu-1 li a{
padding: 0px 12px!important;
}
}
@media only screen and (min-width: 1018px) and (max-width: 1033px) {
#menu-main-menu-1 li a{
padding: 0px 28px!important;
}
}
@media only screen and (min-width: 1140px) and (max-width: 1236px) {
#menu-main-menu-1 li a{
padding: 0px 34px;
}
}

Set the code in the theme panel > custom code> custom css.
I hope this will help!

Post count: 68

That worked Calin, thank you so much!

I’m going to give you a great review on Trustpilot today.

Post count: 35449

It was my pleasure!
If you have any questions related to our product, just let us know and we’ll try to help as best as we can!
Have a lovely weekend!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.