Navigation

My site is rbmktg.com

I would like to have the “Contact Us” be a hyperlink. So when you click on “contact us” in the header area, or in the top nav link, it goes to the bottom of the page.

Also, I removed the widgets on the right side, but the contact section hasn’t reset, how do you make it centered or full width?

On mobile, my tag line in the header isn’t centered, how do I fix? And can I have my background image extend the full page, instead of my logo being over a greyed out area?

Thanks

Hello there,

From your site dashboard, go to Appearance > Customize > Header area > Header text. In the “Right button URL” input field, enter http://rbmktg.com/#content

To make a full width page, edit your page, in the Page Attributes box, select Full width template.

On mobile, my tag line in the header isn’t centered, how do I fix? And can I have my background image extend the full page, instead of my logo being over a greyed out area?

Try adding this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (max-width:1024px) {
  
  .site-header, 
  .site-header.has-header {
    position: absolute !important;
    background: transparent;
    height: 0;
    overflow: visible;
    padding: 0;
  }  
  
  .site-header .site-branding,
  .site-header .main-navigation {
    margin-top: 15px;
  }
  
}

@media only screen and (max-width:991px) {
  
  .header-info {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);    
  }
  
}

@media only screen and (max-width:600px) {
  
  .header-info {
    top: auto;
    bottom: 20px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);     
  }  
  
}  

@media only screen and (max-width:480px) {
  
  .site-header .site-branding,
  .site-header .main-navigation {
    margin-top: 5px;
  }  
  
}

Regards,
Kharis

That worked! Thanks!

Hello there,

Thank you for updating me. I am glad to hear that the code worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis