white space on mobile

georgetate · January 2017

Hi, I'm using the creative header and it works fine on my laptop see http://lca.search-for.me.uk, but on my mobile I'm getting white space at the top. I've turned off sub-header and breadcrumbs, also action bar, and removed BeTheme logo with your css.

Any ideas ?

George Tate

Albert · January 2017

Hi,

do you mean to remove this white space in the top from mobile completely?

georgetate · January 2017

yes

georgetate · January 2017

I also want to pull in most
recent Instagram post with caption and tags, and pull in set
amount of lines from twitter feed. Do you have this functionality as part of your theme, and if not is there any plugin you'd recommend ?

Albert · January 2017

Ok, so to remove this white space on mobile only, you need to use the following css:

@media only screen and (max-width: 767px) {
    .header-creative.layout-full-width #Wrapper { padding-top: 0 !important; }
}

However, if reference to 2nd question, we do not have anything like this included and we can not recommend any plugin unfortunately.

georgetate · January 2017

Great thanks

:-)

georgetate · January 2017

I've added news blog code to my column:

[blog_news title="Latest >" style="" count="5" category="News & Events" category_multi="" excerpt="1" link="#" link_title="More News & Events" class=news ]

which works fine. I'd now like to style the news items with padding, white background etc and have created a class 'news' which works fine in an ordinary column, but I don't know how to apply it to the news blog. I tried entering it as a class in the column class section but this didn't work. Can you tell me how to do this please ?

With thanks in advance for your excellent support.

Albert · January 2017

We have no idea where from you get class attribute for the Blog News item but such attribute does not exist for this item what you can see on http://themes.muffingroup.com/be/theme/shortcodes/loops/#blognews what means you can not add class name for this item unfortunately.

georgetate · January 2017

Thank you for your prompt response as always. Very helpful as it means I can get on with my work designing sites for clients.

I got the idea from the fact it's possible to style columns using a custom class or classes. Also you can use the class attribute to style paragraphs etc.

So if I understand you right, if I wanted to change the font size, colour, or background colour of a news or blog entry, this would not be possible ?

Albert · January 2017

Yes, you understand this very well.

georgetate · January 2017

Thanks for your great support as always, as you know I am a big fan of your theme !

One problem I'm having with this site http://lca.search-for.me.uk is that for some reason the hamburger menu is too high on the page (top right) and therefore half obscured by the address bar. I used the xmas2 demo download for this ... any thoughts on why it should be doing this and how I can fix it ? ???

With thanks in advance.

George Tate

Albert · January 2017

To move this icon down please use:

#Top_bar a.responsive-menu-toggle { margin-top: 10px !important; }

georgetate · January 2017

That's great thanks !

Perhaps you could help me with another problem. I inserted and image into my blog post editor, but for some reason it doesn't show in the excerpt ? Is this possible ?

georgetate · January 2017

oh and one last thing ! I justified my text in the blog, but in the excerpt it is showing centred ?

georgetate · January 2017

If I use the news blog it justifies perfectly, but not when I use the blog. The style I'm using is 'photo' as I want the photo at the top.

georgetate · January 2017

The URL is http://lca.search-for.me.uk/blog/. If you look at the news blog the text is in red, but the blog text is black ?!

Albert · January 2017

1. Only simple texts are being displayed in excerpts.
2. You did not justified those texts. To justify them, you need to use:

.photo .post-desc .post-excerpt { text-align: justify !important; }

georgetate · January 2017

That's great, thanks.

On my blog page http://lca.search-for.me.uk/blog/ the categories font is in white. Can you tell me how to change this please ?

Albert · January 2017

.widget_categories ul li a { color: #000 !important; }

georgetate · January 2017

That's great, thank you so much for your speedy response

white space on mobile

Comments