Docs

[gobeyondesign]

http://www.liquidliftcenter.com

#1 When my site is viewed in mobile version at 320-480px the logo needs to be under the schedule link and not inline as I have it in the desktop and tablet versions.

#2 Also in the tablet and mobile versions I have a background color pop up behind the scheduling icon. How do I get rid of that. It does not show for the desktop version.

#3 Finally there is a line between my footer widgets and footer area, its like a reversed bevel line. How do I get rid of it?

Thank you so much for you help! I will attach login credentials under private message.

[gobeyondesign]

This reply has been marked as private.

[gobeyondesign]

Also take a look at my footer widgets – they are screwed up! They are supposed to go across the bottom right? But they are all clumped together!

AND

In the tablet view – mobile icon shifts down on the navigation bar and it creates a white stripe under the navigation bar. How do I remove this or make it so that the mobile navigation doesn’t have the padding that the desktop menus as to vertically center the words on that bar.

AND

POSTS

I have jumbo images in my featured image at the top of the page. Can I remove them?

AND How do I make the blog pages have a shadow behind them like I made for the posts pages?

Thank you! I have a deadline to have this site done by Friday.

[Friech]

This reply has been marked as private.

[gobeyondesign]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please find this code :

.x-topbar p.p-info {
    font-size: 24px;
    float: right;
    text-align: right;
}

And update it to :

@media (min-width:480px){
.x-topbar p.p-info {
    font-size: 24px;
    float: right;
    text-align: right;
}
}

Add this :

@media (max-widt:480px){
a.x-brand.img {
    margin-top: 0;
}
}

#2 & #3 Please add following code :

@media (max-width: 767px){

.x-topbar p.p-info {
    background-color: transparent;
}
}

.x-colophon.bottom {
    border-top: 0;
    box-shadow: none;
}

#4 I don’t find any problem with footer widgets, please provide us with some screen shots.

#5 Update following code :

.x-navbar {
    z-index: 1032;
    padding-bottom: 3px;
    background-image: url(http://liquidliftcenter.com/wp-content/uploads/2016/12/navbg.jpg);
    background-repeat: repeat-x;
}

To :

.x-navbar {
    z-index: 1032;
    padding-bottom: 3px;
    background-image: url(http://liquidliftcenter.com/wp-content/uploads/2016/12/navbg.jpg);
    background-repeat: repeat-x;
    background-size: contain;
}

#6 Another block of CSS :

.single-post .entry-featured {
display:none;
}

#7 Provide us with blog page’s URL.

Hope it helps.

[gobeyondesign]

Thank you so much!

The last issue I have that was not addressed or the code didn’t fix it…

When I go to mobile view the schedule icon overlaps the logo – how do I make them stacked in mobile view only?

[Thai]

Hi There,

Please add the following CSS:

@media (max-width: 600px){
    .x-topbar p.p-info {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
    }
    .x-brand {
        margin-top: 0
    }
}

Hope it helps 🙂

[gobeyondesign]

see question below.

[gobeyondesign]

on this page http://liquidliftcenter.com/dr-anouche-roberts

I am trying to get the beige column to be as wide as the image of the woman. For some reason it is not. I do not want to have a margin in between the columns. And I have that achieved, but there is the gap next to the beige column.

Please let me know how to achieve this?

Michele

[gobeyondesign]

And for some reason I have this icon next to the home page – it looks like a pencil – that must be new to the theme – how do I get rid of it?

Michele

[Lely]

Hi Michele,

Can you give us a screenshot for this and how you want it to appear:

I am trying to get the beige column to be as wide as the image of the woman. For some reason it is not. I do not want to have a margin in between the columns. And I have that achieved, but there is the gap next to the beige column.

As of the moment I am not sure exactly which part is that.

Did you figure out the pencil icon next to the homepage? I can’t see that too at the moment. Please clarify if we just missed it.

[gobeyondesign]

Can you see the picture of the photos – the gray column does not align up with those photos.I wonder if its because I have a shadow on the column. I want the gray column to line up with this photo.

[Joao]

Hi There,

I have added float: right to your column style box and now it aligns.

Hope it helps

Joao

[gobeyondesign]

Here is a picture of the pencil in Safari. Please tell me how to remove it.

[Author]

Posts