Home Forums Free Themes Restaurantz Help! The name of page is displaying in cursive in header–overlaps with menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #71511
    sa_jernigan
    Participant

    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

    #71519
    wensolutions
    Keymaster

    Hello @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!!

    #71538
    sa_jernigan
    Participant

    Thanks 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

    #71601
    wensolutions
    Keymaster

    Hello @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!!

    #71642
    sa_jernigan
    Participant

    Again….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

    #71667
    wensolutions
    Keymaster

    Hello @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!!

    #71896
    sa_jernigan
    Participant

    Oh MANY thanks….that did the trick! Greatly appreciate your help, all the best ~ Sam

    #71919
    wensolutions
    Keymaster

    Hello 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!!

    #73902
    sa_jernigan
    Participant

    That DID it…!! MANY thanks again! ; D

    Cheers ~

    Sam

    #73975
    wensolutions
    Keymaster

    Hello sa_jernigan,

    Glad we could help you.

    Let us know if you have any issue further.

    Thank you.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.