Return to previous page

How to remove the gap/margin between the header and the slider?

This topic has 10 replies, 2 voices, and was last updated 5 years, 7 months ago ago by Rose Tyler

Graham

Participant

August 27, 2018 at 11:57

Hi there,

I’m just having an issue that there is a gap between the header and the revolution slider.
This issue has occurred before and have been resolved by changing the custom CSS.

Screenshot: https://ibb.co/dMeFxp
However, after the latest theme update, it’s showing up again.
Can you please have a check and let me know how can I fix it?

Thanks very much
Regards
Graham

Please, contact administrator
for this information.

#198489 Copied Theme version: Latest Xstore Theme

9 Answers

Rose Tyler

Support staff

August 27, 2018 at 13:27

Hello,

Unfortunately, I can’t login. Please check wp-admin access.

Regards

#198499 Copied

Graham

Participant

August 27, 2018 at 17:08

Sorry have a check again please, just have the login updated.

Please, contact administrator
for this information.

#198511 Copied

Graham

Participant

August 27, 2018 at 22:11

Sorry, could you pls also have a check of this CSS code?
Screenshot: https://ibb.co/nPLe8U

———————————–
/*The homepage site width*/
@media only screen and (min-width: 1450px){
.container {
width: 1650px;
}
}
———————————–

This was used to be changing the site width of the Homepage, however, it seems not to be working anymore since the latest updates of the theme.

Any suggestions will be much appreciated!
Kind Regards
Graham

Please, contact administrator
for this information.

#198521 Copied Theme version: Latest Xstore Theme

Graham

Participant

August 27, 2018 at 22:20

UPDATE:

The 1st “gap issue” seems to be resolved.

Please just have a check of the 2nd “Site Width” issue.

Thank you

#198522 Copied
Rose Tyler

Support staff

August 28, 2018 at 07:37
Hello,

Please try to add !important; –
```
@media only screen and (min-width: 1450px){
   .container {
       width: 1650px !important;
   }
}
```
Regards
#198535 Copied
Graham

Participant

August 28, 2018 at 11:51

Thank you it worked great except the header shrinks after applying the changes.

I have attached the screenshot in the private content, can you please have a check?

Regards
Graham

Please, contact administrator
for this information.

#198553 Copied
Rose Tyler

Support staff

August 28, 2018 at 13:05
Please try to change the code to:
```
@media only screen and (min-width: 1450px){
   .page-wrapper > .container {
       width: 1550px !important;
   }
}
```
Regards
#198555 Copied
Graham

Participant

August 28, 2018 at 17:32

Thanks very much!

It worked perfect!

Have a Good time

Regards
Graham

#198580 Copied

Rose Tyler

Support staff

August 29, 2018 at 07:06

You’re welcome!
Thanks for using our theme.
Have a nice day 🙂

Regards

#198588 Copied
Viewing 10 results - 1 through 10 (of 10 total)