Home › Forums › Free Themes › Restaurantz › Help! The name of page is displaying in cursive in header–overlaps with menu
Tagged: menu/header conflict
- This topic has 9 replies, 2 voices, and was last updated 5 years, 8 months ago by wensolutions.
-
AuthorPosts
-
May 10, 2018 at 7:10 pm #71511sa_jerniganParticipant
Hi there, and THANKS for offering this support forum! I’m using Restaurantz for the first time and have a “Main” menu setup. But for some reason, there’s apparently coding embedded in the theme itself which causes the name of each page to be displayed in large cursive text in the center of the header — however this is so close to the text of the menu that it nearly overlaps so it’s looking like a jumbled mess. It seems I’m going to need some snippet of code to disable this feature…? Can’t find any sort of setting Anywhere and have scoured thoroughly. The menu I’ve created has 8 main pages.
Can send you a screenshot if desired.
While I have you, is there also any way to make the header accommodate a larger image? When I selected the theme it looked like it was designed to feature a fairly standard (large) size image, but instead it’s quite limited in height, have cropped accordingly but it’s not ideal.
Kindly advise and am HOPING to get this fixed soon as I need to show what’s been created thus far to the client (site is not yet public). MANY thanks for your help & cheers ~ Sam
May 11, 2018 at 12:48 am #71519wensolutionsKeymasterHello @sa_jernigan,
First of all thank you very much for using the theme.
Now to make the increase the header height you have to use below given CSS.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.builder-overlap #custom-header { padding: 250px 0 100px; background-size: contain!important; }
You also need to upload the image of appropriate height.
Hope this helps.
If this does not solve the issue then please provide your site URL so that we can give the precise fix on this.
Thank you.
Best Regards!!
May 11, 2018 at 12:17 pm #71538sa_jerniganParticipantThanks so much for getting back to me quickly….alas, it’s this OVERLAY of the name of each page that’s the primary issue. Tried that fix re: adjusting the header size and it really isn’t optimal with my current image so reversed course on that.
As the site is not yet viewable to the public, I took a screenshot and uploaded to another host, please view here:
http://www.marketingandpr.com/homepage_issue.jpg note the big yellow arrow pointing to the issue (!)
I like the cursive page heading as designed, but it needs to GO unless there’s code that will move the menu bar DOWN to eradicate this visual conflict between these two elements.
MANY thanks again and was Hoping to be able to route a preview to my client today so realllllllly appreciate any additional insights, if this can’t get fixed I guess I’m going to have to change themes.
Cheers & gratitude ~
Sam
May 14, 2018 at 12:17 am #71601wensolutionsKeymasterHello @sa_jernigan,
First of all our sincere apology for the delay in replying to you.
As for the issue, it has arisen in your site due to your longer site title. So if you can then reduce the length of the title.
Further, if you want to adjust it with current setting then we need your site URL for the precise fix so once your site is made live then please let us know and we will help you further.
In the meanwhile, you can remove the page title using the CSS given below.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
#custom-header .page-title { display: none; }
Hope this helps.
Best Regards!!
May 14, 2018 at 11:26 am #71642sa_jerniganParticipantAgain….SO appreciate you getting back to me on this, Truly. Had to submit the preview link to my clients on Friday with the explanation + screenshot routed to you to explain about this problem.
Added the code supplied and, alas, I must not be making myself clear — it’s just the ADDITIONAL displaying of each page’s name in cursive that I wanted to remove. The header (text) was designed for optimal SEO, but the menu itself SHOULD be in the header — now as you see it’s displaying BELOW and is therefore parts of it are INVISIBLE as it’s white-on-white bknd. on part of the page.
Uploaded this screenshot to my own site for hosting just now:
http://www.marketingandpr.com/now-menu-is-in-wrong-place.jpg
Again, this site is not yet live, here’s the staging URL in case it helps: rj3.247.myftpupload.com
Soooooo need to get this fixed, their old hosting is expiring soon and am needing to get the new site finished up and live, Thanks again!!
Cheers ~
Sam
May 15, 2018 at 12:09 am #71667wensolutionsKeymasterHello @sa_jernigan,
As we have already mentioned that the menu is pushed down due to longer site title.
But as a fix we have increased the height of the header image so that the menu appears in the header.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.builder-overlap #custom-header { padding: 280px 0 50px; }
Hope this helps.
Thank you.
Best Regards!!
May 16, 2018 at 1:45 pm #71896sa_jerniganParticipantOh MANY thanks….that did the trick! Greatly appreciate your help, all the best ~ Sam
May 17, 2018 at 12:00 am #71919wensolutionsKeymasterHello sa_jernigan,
Glad we could help you.
If you have any issues further then please let us know.
Also, we would really appreciate if you could help us by rating our theme by following the link given below:
https://wordpress.org/themes/restaurantz/
Hope this Helps.
Best Regards!!
June 15, 2018 at 4:32 pm #73902sa_jerniganParticipantThat DID it…!! MANY thanks again! ; D
Cheers ~
Sam
June 17, 2018 at 11:27 pm #73975wensolutionsKeymasterHello sa_jernigan,
Glad we could help you.
Let us know if you have any issue further.
Thank you.
-
AuthorPosts
- You must be logged in to reply to this topic.