1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Wordpress/OptimizePress Header Alignment Problems! :'(

Discussion in 'Web Hosting' started by Got3n, Oct 9, 2015.

  1. Got3n

    Got3n Newbie

    Joined:
    May 11, 2014
    Messages:
    18
    Likes Received:
    5
    Hey there guys :D I'm not sure if this is the correct spot for this, so I apologize if that's the case! I just built a site on Wordpress using OptimizePress, but I can't seem to figure out how to get my Header Background to align properly with different monitors that I view it on.

    I understand it adjusts itself based on the dimensions of the screen you're viewing it on, which kinda makes it difficult because if you view it on an iPhone, you'll only see a tiny portion of what's there, and so forth. I've tried rebuilding my Header image several times to make it fit different dimension sizes. I've added padding, added vertical spacing, and pretty much tried everything I can think of for hours and hours, but I can't seem to get it to adjust correctly.

    It looks fine on my 40 inch Samsung and my Laptop screen, but I'm almost certain on other monitors it's gonna look different or certain parts of the header will be cut off based on the spacing factor with the different dimensions, it's really bizarre... Even when I bring it from my Samsung screen over to my Laptop screen, a tiny portion of the header gets cut off a bit.

    Is there any workaround for this to make it so it can be viewed the exact same way no matter what monitor you're viewing it on?
    I was thinking of just ditching the option of it being a background header, and just inserting an Image element instead, but when I do that, I can't get it to stretch all the way across the screen, it just keeps it in the center, even when I try changing the option to make it stretch.

    Also, how can you change the arrangement of your logo? I want it to be placed all the way to the very left of the screen. I've selected "left", but it's only partially aligned to the left, and it looks really out of place, haha.

    I'm not too familiar with CSS editing, but I assume this will have to be taken care of with CSS?

    tl;dr I need to figure out how to make my Header Background compatible with any dimension of a monitor.

    Any help would be greatly appreciated, thanks guys! :D