Page Width has Changed

Good Afternoon

I have no idea what I have done but my page width has changed on my site
www.idc-canaryislands.com
Before the menu items were all on one line, now they are on 2 lines and there is a lot of white space before the footer which was not there before (assuming it has something to do with the width).

Can you help please.
Many thanks
Yvonne

 

Hello,

Greetings from InkThemes,

Could you please provide your site URL, where you install ColorWay theme along with some edited screenshots so that I can assist you accordingly. If you are unable to create screenshots then you can use www.screenpresso.com
that will help you to create screenshots.

Do let me know.

 

Apologises for showing the wrong link, the new website is still in test, you can see it here
http://idc-canaryislands.com/wp/index.php/en/
I have attached a screenshot of the header. Before the menu items were on one line and the width of the page was greater, but now it has shrunk!
Can I have please the menu items on one line and increase the page width if possible, and so it looks okay on mobile devices.
Many thanks for your help
Yvonne

 

Hi Yvonne,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and ( max-width: 960px ) and ( min-width:768px ){
#menu .ddsmoothmenu li {
    margin-right: 2px;
    font-size: 10px;
}
#menu .ddsmoothmenu li a {
    padding: 7px;
}
}
 
@media only screen and ( max-width: 1260px ) and ( min-width:961px ){
#menu .ddsmoothmenu li {
    margin-right: 10px;
    font-size: 12px;
}
#menu .ddsmoothmenu li a {
    padding: 8px;
}
}

Thanks,
Praveen

 

Many thanks for the response.
I still have the same problem, the menu is on 2 lines and I still have a lot of white space under the feature description and before the footer starts, where the testimonial was before, that I removed.
http://idc-canaryislands.com/wp/index.php/en/
If I need to make the theme a little wider not a problem, I just need the css code please.
Many thanks
Yvonne

 

Hi Yvonne,

I have checked your website and found that menu is displaying well in your website in screen of different sizes.
Here is the video link of testing.
http://screenpresso.com/=GN3fd

I think you are using some caching plugin in your website, please deactivate cache plugin or clear the cache and check again.

To remove the white space, paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flex_testimonial {
    display: none !important;
}
.footer-container {
    margin-top: -23px;
}

Thanks,
Praveen

 

Thank you very much Praveen.
All is working okay now, and on the different devices.
Regards
Yvonne