Main nav menu wide

Hi @albertgap – I’m a little unclear on exactly what your issue is – could you please confirm this is with Twenty Sixteen? Or is it with 2013 (which you mentioned)?

I understand it is currently a development site – so I can’t see it in person – but could you share a screenshot so we can take a look at what might be going on?

Hi @jordesign,

Thanks a lot for answering me.

I’ve wrote you by email cause I don’t know why I won’t be able to insert screenshot.

Albert

Hi Albert – If you go to https://snipboard.io/ you can upload the screenshot there and it will give you a URL.

If you then insert an image block in the forum editor (by typing /image) you’ll be able to paste the URL in there to include it in your reply

Hi @hordesign,

Thanks a lot for asking me!

Here it comes!

Thanks for the screenshot @albertgap – I see where you’d like to have the background. I’m still a little unclear on which theme you’re actually using on that site?

It doesn’t look like a default setup of either TwentySixteen or TwentyThirteen. Are you able to tell me what theme that is?

Hi Jordesign,

Thanks again!

That screenshot it’s an instalallation of Twenty Sixteen working with no special customization.

Greetings!

Albert.

Hi @albertgap – thanks for confirming. I see you don’t have a Site Title or Description showing at the top left – which was throwing me off ??

You can try using this CSS (by going to Appearance > Customize > Additional CSS) to add a background to that top header area – just swap out the ‘red’ for the color of your choosing.

.site-header-main {
    background:red;
}

Could you please try that out and let me know how you go?

Hi @jordesign,

Thanks a lot for your answer.

That’s how your solution makes my dev site looks like.

Can you help me to set a margin (or a padding) where I’m pointing to and evenly to resize the .site-header-main, please? I’m adding a capture with I hope you to understand the goal I’m looking for.

Thanks in advance.

Regards!

• This reply was modified 9 months ago by Albert A. Garcia Puertas.
• This reply was modified 9 months ago by Albert A. Garcia Puertas.

Hey @albertgap,

You can play around with this CSS for that – them margin and padding on that element will effect the overall height, and how much padding there is on the right-hand side.

.site-header-menu {
    padding:0 15px;
    margin:0;
}

Hi again

Thanks for answering me.

Now I’m trying to ser color to the arrow that appears while opening the sub menus without acheaving it by now. Can you appoint me in the right direction please?

Thanks in advance again!

Regards!

Hi @albertgap you can try this CSS for that:

body .dropdown-toggle {
    color:red;
}