to header issue

Hi support,

I would like to have a top padding on my top header so that is shows the with background of the container. here is my code.. Can you please help!
.header {
overflow: hidden;
background: #beb8b8;
border-top-left-radius: .5em;
border-bottom-right-radius: .5em;
border-top-right-radius: .5em;
border-bottom-left-radius: .5em;

 

Hi support,

I have a few questions.

I would like to move the circles content up closer to the line. How do i do this? see attached images.



I would also like to have the footer be the same width as the container while still keeping the widgets alligned correctly. See attached image.

Thanks alot

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header {
overflow: hidden;
background: #beb8b8;
border-top-left-radius: .5em;
border-bottom-right-radius: .5em;
border-top-right-radius: .5em;
border-bottom-left-radius: .5em;
padding-top:40px;
padding-bottom:40px;
}

Adjust the values of padding as you required.
This will solve your issue.

Thanks,
Piyush

 

For your first issue, paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-content {
margin-top: 25px;
}

Adjust the value of margin-top as you required.

For your second issue, paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer-wrapper {
background-color: transparent;
}
.footer {
width: 981px;
}

Adjust the value of width as suitable for your website.
This will solve your issue .

Thanks,
Piyush

 

Thanks for your reply!

I have one more issue. When I lower the screen zoom, I see that my background image repeats past the bottom footer. How can i stop that?

 

Our theme have designed for the standard screen. This is not an issue, it's comes in every website.
So ,dont worry about this.

Thanks,
Piyush

 

Ok Thanks,

Also, i would like to make the theme non responsive. How do i do this?

 

1. Go to style.css file present in the theme directory and remove all the media screen code from line 1887 to line 2529.
For the reference see the image given below


Similarly inside your themes CSS directory, delete the same media screen code from 960_24_col_responsive.css

The entire code to be deleted would start from line number 156.

This solve your issue.

Thanks,
Piyush

 

where can i find this code?
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

 

Hi Support,

I'm having a big issue. here is my website: http://blueeyedbakettes.com/

I would like to have my site look the same size on mobile as it does on desktop.

I want my site to fit the screen of a mobile device. I would rather not have it become responsive, I would like for my pages just to fit on mobile.

How do i do this?

 

We have seen your website in mobile, It is looking same as it looks in Pc, Please explain about which view you are talking.

 

I was able to remove the code to make it look that way on mobile.

Thanks for all you help!

You guys have awesome support