Align primary menu top right

This topic has 19 replies, 3 voices, and was last updated 6 years ago by Skandha.

Viewing 20 posts - 1 through 20 (of 20 total)

Author

Posts
November 19, 2018 at 4:48 pm #159633

Evdel
Participant

Hi guys,

I am working with the Catch Foodie World Pro theme and want to align the primary top menu top right instead of its current position of left below the logo. Cannot find the option in the customization tools which I would expect. Do I need some CSS for this? Hope someone can help.

Thanks in advance.

November 20, 2018 at 4:31 am #159660

Skandha
Participant

@evdel: Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

November 21, 2018 at 2:04 pm #159811

Evdel
Participant

Hi Skandha,

http://www.vandeloosoriginal.com

Thanks in advance.
Evdel

November 24, 2018 at 4:17 am #160000

Evdel
Participant

Hi guys,

http://www.vandeloosoriginal.com

I am working with the Catch Foodie World Pro theme and want to align the primary top menu top right instead of its current position of left below the logo. Cannot find the option in the customization tools which I would expect. Do I need some CSS for this? Hope someone can help.

Thanks in advance.

November 26, 2018 at 2:45 am #160104
Skandha
Participant
@evdel: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.navigation-classic .site-identity {
	display:block;
}
```
Let me know if this does the trick!
Kind Regards,
Skandha
November 26, 2018 at 4:28 pm #160156

Evdel
Participant

Great, Skandha. It works. Thanks for your help.

November 26, 2018 at 5:02 pm #160157

Evdel
Participant

Just one more thing:

We would love to have the same font on our header images as we have on our featured slider’s sub title:
– can we change the font on the header images?
– How can we see what the font of the sub title on our feature slider is?

Can we change the text on the button that appears on the featured slide when we want it link to a certain page? Now the link says ‘continue reading’, but we want to state something like ‘our products’.

Again thanks for your help!

November 27, 2018 at 3:06 am #160211

Skandha
Participant

@evdel: You don’t seem to have enabled Featured Slider on your site. Please enable Featured Slider so that I can help you change the font on header image same as that of sub title of the slider.

You can see the font used on featured slider using the Inspect Element tool of your browser.

Kind Regards,
Skandha

November 27, 2018 at 2:40 pm #160258

Evdel
Participant

Hi Skandha, I do have it enabled on the homepage/ frontpage. I would like to have the same font on the header images for the other sub-pages.

I did manage to change the text of the button, so that’s done.

Thanks

November 27, 2018 at 11:35 pm #160287
Skandha
Participant
@evdel: To have same font in the header image as that of feature slider.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.custom-header-content .entry-title {
	font-family:'Montserrat', sans-serif;
	font-weight:500;
	font-size:1.5rem !important;
	letter-spacing:0.4em;
}
```
Let me know if this is what you want!
Kind Regards,
Skandha
November 30, 2018 at 3:52 pm #160499

Evdel
Participant

Yes! this is great. Thanks a lot.

Just one more question concerning the featured slider: it turns out that on some screens the image does not display properly, but stretched. Looks like it is on internet explorer and / or larger screens.
Is there a way to fix this? I could not find it in the other support threats.

Thanks in advance.

December 3, 2018 at 5:14 am #160613
Skandha
Participant
@evdel: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.cycle-slideshow {
	position:relative;
}
```
Let me know if this is what you want!
Kind Regards,
Skandha
December 3, 2018 at 2:51 pm #160643

Evdel
Participant

Skandha thanks a lot.

I see that only Internet Explored still does not display the image correctly, but not sure this can be helped.

Evdel

December 4, 2018 at 1:21 am #160722

Skandha
Participant

@evdel: Can you attach me a screenshot of how is it is appearing on your Internet Explorer Browser. I see that the slider image on Internet Explorer appears on bit different. Here is a screenshot of how your site is appearing on Internet Explorer at my end. https://www.dropbox.com/s/n5642b93u3909ix/screen-shot.PNG?dl=0

Let me know if this helps you out!
Kind Regards,
Skandha

December 4, 2018 at 3:17 pm #160787

Evdel
Participant

Hi Skandha,

It indeed appears exactly the same as your screenshot, so no need to attach another screenshot. The image in internet explorer is stretched out (width). It looks like all the other browsers work correctly.

is this a specific issue with my site or image?

Thanks!

December 5, 2018 at 5:49 am #160851

zlife
Participant

Good Post.
professional kitchen knives

December 5, 2018 at 3:22 pm #160895

Evdel
Participant

Hi Skandha,

On a larger screen with Internet Explorer it even looks worse. Would be great if you have a solution.

Thanks again.

December 5, 2018 at 11:27 pm #160925

Skandha
Participant

@evdel: Can you please attach me a screenshot of how the image is showing up with Internet Explorer on larger screen?

Kind Regards,
Skandha

December 6, 2018 at 2:06 pm #160994

Evdel
Participant

Hi Skandha,

https://www.vandeloosoriginal.com/explorer-screenshot/

You’ll see the screenshot at the bottom of the page.
Strange thing is that it aligns the logo in the middle and the menu disappears….?

Erwin

December 6, 2018 at 11:29 pm #161020

Skandha
Participant

@evdel: I checked your site and I am not having this issue. Can you try clearing your browser cache and check if this solves the issue?

Kind Regards,
Skandha
Author

Posts