Problem with the mobile version of the site

Posted in: Newspaper
Post count: 11
calisangels
#30452
Dec 11, 2014 at 11:40 pm

Hello, I have a problem with the mobile version of the site.

site : http://www.stylishangels.com/
Image

View post on imgur.com

Thanks for support!

Post count: 6600
Lucian
#30514
Dec 12, 2014 at 4:15 pm

Hi,

You need to change your header style to the “blog style header”: http://screencast.com/t/Vlp2dWyHLZy when using the blog stack.

Thanks

Post count: 11
calisangels
#30528
Dec 12, 2014 at 4:59 pm

Thank you very much! Fixed! 🙂

Post count: 11
calisangels
#31087
Dec 17, 2014 at 4:02 pm

Hi, again.

To fix the above problem I changed a HEADER STYLE – Blog style – full text logo + menu

But I want my site http://www.stylishangels.com/ to be just like default version http://demo.tagdiv.com/newspaper/ . See screen shots –

but the same time i want are to have no problem with the mobile version. I tried all versions of HEADER STYLE, but see this :

Thanks for support.

Post count: 6600
Lucian
#31182
Dec 18, 2014 at 3:21 pm

Hi,

Please use this custom css for the desktop and tables view:

.blog-stack .td-header-style-1 {
display: table;
margin-bottom: 49px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.blog-stack .td-logo-rec-wrap .header-logo-wrap {
margin-top: 20px;
margin-bottom: 20px;
}

And this css for mobile view: http://screencast.com/t/rw6JkWgpxc

@media (max-width: 767px) {
.blog-stack #td-top-menu > div {
display: none !important;
}
#td-top-search {
top: -55px !important;
right: -56px !important;
}

.blog-stack .td-header-style-1 {
margin-bottom: 0px !important;
}
}

Then set style 1 while using the blog stack, should look fine now.

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.