I’m having a few issues with a few things…

1. Logo.
On mobile it’s not responsive to fit the rest of the design, so it’s taking up nearly the whole of the screen and I’m unable to scroll. This happens with no custom css added.

2. Menu.
How to I align the drop down menu for the first word to sit underneath the above? Currently the drop down menus seem quite random?

3. Columns.
On the homepage I want 2/3rds image and 1/3rd last post. I can do this fine, but on the 1/3 last post the text is restricted to a very small area, which is putting 1 word on each line. There’s lots more space for the text to flow into, but for some reason it’s dropping each word onto a separate line. Again this is all without adding any custom css.

Please advise

Thanks

On landscape orientation on the iPhone there is a large empty white space at the top (254px height).

How can I stop this happening as it looks bad when viewed landscape on an iPhone.

Thanks

Thank you very much for posting the your questions here in the forum, where you could help the others once your problems get solved. For future issues, please do not group them together but paste each problem as a separate topic so they can be easily searchable with descriptive titles for future users.

We will now get back to each of them. Any chance you could provide URLs where we could see the mentioned problems in action?

Thanks

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

OK will separate them in future.

It’s on a temp URL at the min… https://176.32.230.28/birleyspaschool.co.uk/

Thanks

Thank you very much for the link.. It is very helpful to see it.

3. Columns

Seems like there is 1/3rd nested into 1/3rd which makes just 1/3rd of the 1/3rd. You should try to nest the code differently or make the second column one_full (.col12).

Please let me know if this helped solve the problem. If not, please paste the shortcodes you’re using so we can suggest a better arrangement.

Thanks

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

How to I align the drop down menu for the first word to sit underneath the above? Currently the drop down menus seem quite random?

We recommend changing the sub-navigation to a vertical align as you have many items and they would not fit horizontally on smaller screens.

To make the navigation vertical please open the file “wp-content\themes\creolio\assets\core\libs\js\plugins.js” and on line 31, change the following code:

csspos.css({
‘margin-left’: -1 * csspos.width() + jQuery(this).width(),
‘padding-top’: 10
});

To

csspos.css({
//’margin-left’: -1 * csspos.width() + $(this).width(), // Old inline displaying
‘margin-left’: -20, // Align menu to parent
‘padding-top’: 10
}).find(‘li’).css({
‘float’: ‘none’ // Make submenu items block – one under another one
});

Once done make sure to clear your browser’s cache memory as otherwise you might not see the new changes because of caching.

Please let us know if this helped.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

On mobile it’s not responsive to fit the rest of the design, so it’s taking up nearly the whole of the screen and I’m unable to scroll. This happens with no custom css added.

The logo can be controlled on smaller screens using a few lines of which can be entered in the “Custom CSS Styles” field under Creolio Options. E.g.:

You can add any styles that are needed to tweak it to your needs.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

3. Columns
The recent post shortcode does this when used with any column shortcode.
I’m using…

[two_thirds]
homepageimage
[/two_thirds]
[one_third_last]
[recent_posts type=”post” count=”3″]What I’ve written recently[/recent_posts]
[/one_third_last]

Any ideas?

I’ve changed the code as advised but this simply stops the drop down menu working at all? There’s no no arrow to show a drop down and on hover nothing appears.

Adding that code does nothing for the responsive aspect, and makes all fonts on the desktop default back from my custom choice? This is all without any other custom css by the way.

Please advise and it’s not useable on a mobile as is.