Header questions: Sub-menu going off screen, how to add social links?

Hi

You have for some reason floating your menu to the right. It is meant to be on the left.

So……
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
I’m doing this on my browser to find solution.
It can get to some different behavior on your site.
It can happen that it is not working.
Then we have to look further.

.site-header .main-navigation {
    float: left!important;
}

If you want to keep your navigation in the right DO NOT USE CODE ABOVE and do this instead:

.custom-menu .site-header .main-navigation {
    margin: 0 15em;
}

Worked here, let me know
Cheers
Tahoe Rock

Thanks, that worked!

I’d also like to move the main Title (‘Stark Roaming Mad’) to the center. (Assuming this will move the Nav menu to the extreme left automatically)

Is there also a way to add social links to the right side (where the Nav menu previously was)?

Thanks

Hi Swati,

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

Move the main Title (‘Stark Roaming Mad’) to the center

Put this code to the end of the file!!! After the code Above, I gave you last time.
Code is executed from the top/first to the bottom/last

@media screen and (min-width: 57.8125em)
.custom-menu .site-branding {
    margin-left: 33%!important;
}

Worked here, let me know.

Add social links:
This is Question of your theme.
Here is some guidance:
Widgets and Social Links Menu

Custom Menus ?Add a Social Links Menu

It is little bit of work to do and read. It is wise to contact Theme Author.

Cheers
Tahoe Rock

Thanks Tahoe Rock

That didn’t work ?? I put the code at the end but it doesn’t seem to do anything.
Any other suggestions?

I will check out the links on Social icons.

Thanks for your help.

Hi Swati

Yes I did misspelling.
It was working here in life development tools.
I have forgotten to add curl parentheses.
Sorry for that.

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.

@media screen and (min-width: 57.8125em) {
.custom-menu .site-branding {
    margin-left: 33%!important;
 }
}

Hope it is correct now. ??
Cheers
Tahoe Rock

That worked but moved even the other navigation with it ?? (i.e. the ‘Travel’, ‘About us’ etc.).
It is all centered now.

Any way to have the categories in the extreme left, and only move title ‘Stark Roaming Mad’ to the center?

Thanks!

You cannot move it that way.
It is dependable flow. You would have to rearrange whole theme header in php.
I would ordered it by CSS rules,
but it would be Brute force. Could mess everything.
Cheers
TR

Got it.

Thanks for all your help!

If you need any help in the future, let me know
If I can I will try to help.
I would keep it at the left. That is my view.
Cheers
TR