WordPress.org

Ready to get started?Download WordPress

Forums

Responsive problem and how to set page end (6 posts)

  1. Binary12
    Member
    Posted 9 months ago #

    Hello! I'll try to describe my two questions in more detail.

    I've got my site http://www.fcdesign.se running a customized Balloons theme. I've added a picture to the page instead of the balloons, the picture is now (finally) responsive to the browser window. However, when you drag the browser window to very narrow (like a cellphone display) the navigation bar jumps down and leaves a big empty space above it. Can anyone explain why this happens and how to prevent it?

    I have added a footer with social media icons in the bottom right corner, thing is I want the page to end where the text "Powered by wordpress....." is. Basicly, the social media footer could never go below that line. How can I do this?

    Any help appreciated!

    Best,
    Fredrik

  2. Chris
    Member
    Posted 9 months ago #

    Hi,
    you're including this css file http://www.fcdesign.se/wp-content/themes/balloons-1.1/css/title/2-lines_mobile.css where the top margin value of the #header is set to 222px and might be changed to 0

    How it's now

    /*
    MAX-WIDTH 640px
    */
    
    @media screen and (max-width: 640px) {
    
    	body {
    		background: #eee url(../../img/balloons-06.png) no-repeat center -98px;
    	}
    
    	#header {
    		margin: 222px 0 30px 0;
    	}
    
    }

    You might change it to:

    ...
    #header {
      margin: 0px 0 30px 0;
    }
    ...

    Don't know how to fix the footer, though!?

  3. ianhaycox
    Member
    Posted 9 months ago #

    There are two DIV's in the document with the id of 'wrapper'.

    id's should be unique.

    I just changed the second 'wrapper' id to 'wrapper2' and this seemed to fix the footer on Chrome. Not tried other browsers.

    Ian.

  4. Binary12
    Member
    Posted 9 months ago #

    Thank you! Thank you! Thank you!
    It seems both fixes worked perfectly, wow, the amount of time you've saved me. Thanks so much!

    A third questions came to mind! :) If I wanted to add a Copyright text in the bottom left corner along with a small picture next to it, how would be an easy way to do that? (it could be a footer that stays at the bottom, not follow like the one I have to the right)

    Thank you again for all your help!

  5. Ravi M
    Member
    Posted 8 months ago #

    Hi

    In wordpress can i change the theme for category wise ?

  6. bcworkz
    Member
    Posted 8 months ago #

    @Binary12 - In response to your third question, I took a look at your site but could not tell for sure the best place to add content, my CSS tool indicated no element covered that area. All I can suggest is wrap you added content in it's own div and insert into the footer flow where it seems to make sense. If it ends up somewhere odd, move it somewhere else until it gets close. From there, fine tune it's placement with CSS.

    @Ravi M - Please start your own topic, more people will see your question that way. It is the preferred practice in these forums. Also please describe in detail what you are trying to do. Your question as it stands does not make sense to me.

Reply

You must log in to post.

About this Topic