• Forum
  • FAQ
  • Docs
Notice: In order to post a support question you have to have an account and be logged in.
Register  or  Login
  1. For some reason my website (HTML version of the creativeJuice theme) has a blank white space on the right. I'd like to have a page that has a fluid page width that will adjust to any screen size even for iPad and iPhones. How can I accomplish this? my width is set to 100%.

    godlife
    1 year ago
  2. Hi,
    please provide a screenshot with the space you mean and I would see is I can help.

    Thanks.

    Max
    1 year ago
  3. Ok! This happens on computer browsers and the ipad.

    godlife
    1 year ago
  4. I am unable to upload the image please use this temp link to a image http://www.jomega.co/test/whitearea.jpg

    godlife
    1 year ago
  5. In layout.css file find this code:

    .header {
    height: 70px;
    width: 100%;
    background: url(../images/header_bg.jpg) repeat-x;
    }
    

    and replace with:
    .header {
    height: 70px;
    width: 100%;
    background: url(../images/header_bg.jpg) repeat-x;
    min-width: 1200px;
    }
    

    This:

    .sec_menu {
    height: 57px;
    width: 100%;
    background: url(../images/sec_menu_bg.jpg) repeat-x;
    }
    

    replace with:

    .sec_menu {
    height: 57px;
    width: 100%;
    background: url(../images/sec_menu_bg.jpg) repeat-x;
    min-width: 1200px;
    }
    

    and this one:

    .footer {
    min-width: 1000px;
    height: 85px;
    background: url(../images/footer_bg.gif) white repeat-x;
    margin-top: 39px;
    }
    

    with this code:
    .footer {
    min-width: 1200px;
    height: 85px;
    background: url(../images/footer_bg.gif) white repeat-x;
    margin-top: 39px;
    }
    

    In color_blue.css file in css folder:
    Then this one:

    .latest_project {
    background: url(../images/colors/blue/home_bg.jpg) repeat-x;
    }
    

    replace with:
    .latest_project {
    background: url(../images/colors/blue/home_bg.jpg) repeat-x;
    min-width: 1200px;
    }
    

    and this:

    .secondary_page_bg {
    background: url(../images/colors/blue/secondary_page_bg.jpg) repeat-x;
    }
    

    replace with:
    .secondary_page_bg {
    background: url(../images/colors/blue/secondary_page_bg.jpg) repeat-x;
    min-width:1200px;
    }
    

    Cheers,
    Max.

    Max
    1 year ago
  6. I am now having this problem with the wordpress version of my site when you view a few pages on and iPhone or tablet (also happens on all image links on this page, ie the website design, video transfer, branding material and photography). How can I fix this?

    Thanks

    godlife
    1 month ago
  7. Hi,
    please provide your transaction ID, username and password from wordpress dashboard and I would help.

    Cheers,
    Max.

    Max
    1 month ago
  8. provided the requested info below

    godlife
    1 month ago
  9. Hi,
    I've tried the website on iPhone and it seems to be fine, can you please provide a screenshot from yours or iPad? Thanks.

    Cheers,
    Max.

    Max
    1 month ago
  10. Im on my iphone at the moment unable to add an attachment. Did you go to http://www.jomega.co/blog/pricing this is where the issue starts

    godlife
    1 month ago
  11. The white space is on the right side of the header.

    godlife
    1 month ago
  12. Hi,

    This appears because of the table you use, with images, tables cannot be made responsive, because you cannot set a cell to go to a new line in dependence of width.

    Cheers,
    George

    George
    1 month ago
  13. Well this also happen in http://www.jomega.co/blog & http://www.jomega.co/blog/faq and there are no tables on these pages. I've made the table smaller on http://www.jomega.co/blog/pricing and the header issue is still present.

    godlife
    1 month ago
  14. even the footer on theses pages doesn't fully extend to the right.

    godlife
    1 month ago
  15. Hi,
    try now, need to be fine.

    Cheers,
    Max.

    Max
    1 month ago
  16. Problem is still present on iPhone and tablet in the Safari browser and in the Puffin browser the logo is cut off.

    godlife
    1 month ago
  17. Hi,

    Try now.

    Cheers,
    George

    George
    1 month ago
  18. The logo is fixed but the black and teal background image still does not extend fully to the right side of the page.

    godlife
    4 weeks ago
  19. Hi,
    I've tried on iPhone and it works very well. I can send screenshots if needed.

    Cheers,
    Max.

    Max
    4 weeks ago
  20. Works great, Thanks!

    godlife
    3 weeks ago

Add Reply

You must log in to post.

 

Add a new topic!

Chances are your issue is already answered, but if it’s not, you can always create a new topic.

Add new topic

Search forums

Searching for something specific? Type something and press Enter to search.