Issue with the responsive menu for Sparkling WordPress theme

Sparkling
1

Hello.

I am using your Sparkling theme and have site origins page builder as a plug-in.

When I reduce the screen width the mobile menu text has a few issues, particularly in Firefox - please see this page: http://sandbankswatersports.co.uk/temp/index.php/leap-of-faith-2/

Also, when the screen width reduces to a certain point a gap appears between the rows of content (below the first full-width image).

is there a fix that you can help me with?

Kind regards
John

2

Hi John,

I hope you are well today and thanks for posting here.

Sure we’ll help you to fix the issue.

I tried to access the page http://sandbankswatersports.co.uk/temp/index.php/leap-of-faith-2/ but it’s displaying 404 page not found error.

Could you please make the page accessible so that i can troubleshoot the issue and also share the screenshots of the issue so that i can better understand it?

You can use this tool http://www.responsinator.com/ to test your site on different mobile devices and take screenshots to share with me.

Kind Regards,
Movin

3

Hi Movin,

Same as me, i use page builder plugin as well.
See att screenshots, how can i remove the white gap between header and content?
The image there is in a row(1920 x 600), set on full width stretched layout mode.
No problem on ipad landscape view, smaller than that there is gap between rows, even after i set the row bottom margin at 0px.
My url

Many thanks in advance!

4

Hi @chino,

I hope you are well today.

To help keep support thread separates you should create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

You can try resolving the issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

body.home .main-content-area{
  margin-top: -24px;
}
div.top-section, body.home div#content {
  margin-top: 0;
}

Cheers,
Movin

5

@movin

Thanks for the quick respons.
It works perfectly!
Sorry for the inconvenience, next time i will make a new thread.

Have a good day and keep up the good work!

6

Hi @chino,

You are always welcome here :slight_smile:

Cheers,
Movin