Purchase Now button

[Laura]

https://imgur.com/a/rSznH

Hello here is a link to screen shot with our problem.
How can we change the Purchase Now button to Donate Now.
How can we make it non-transparent and control it’s color. We want it to be more visible against picture. I tried editing the css to give it background color and it wasn’t successful.

Also, when in mobile view, the logo pushes the menu down, but not the header width. How can we make the header the same width as the logo and menu, push the slider down, so the logo is in the center of red bg header, and menu is right under it, and the image slider is right under the menu.

Thank you, we appreciate your support

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Brad

[Laura]

http://mysbiz.com/SWPA/

Also, when this page loads it opens at section 1, and then jumps to the view of header instead of just loading at the top. Do you know why is this happening?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

#slider .top-bar h2, #slider .top-bar p { background:#000 !important; padding:20px;}

@media screen and (max-width:479px) {
.header { height:auto;}
.slider-main { margin-top:165px;}
}

Regards,
Brad

[Laura]

It looks great in mobile. Thank you. But while we are minimizing the screen it jumps up and down and looks awful. Is there a way to create a more consistent way of responsive design. We were able to create a very consistent and solid look of sections, we just need the header to have menu either above the logo and slider image or below. Right now, if you try to minimize the screen, you will see how it jumps all kinds of different ways and unreadable.
We do like the title of the slider to have transparent background.
We need the “Purchase Now”button to have solid BG and to say “Donate Now”\
Thank you for your continuous support.

[Sonnal S Sinha]

Hi,

Issue resolved form our end. Kindly check and confirm.

Regards,
Bard

[Author]

Posts