page layout on mobile

  • shahnaz

    (@shahnaz)


    12 years, 10 months ago

    my site http://www.gotanjongpagar.com
    I like the layout on laptop/ipad. On iphone, currently the menu appears all the way at the bottom;search custom menus etc.
    I would like the menu to appear on the right side instead.
    I tried removing the mobile.css file temporarily, the page does not fit to the mobile screen; i returned the mobile.css now.
    I like the drop down menu style for mobile. i dont want to change that.
    Kindly help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Towfiq I. (Brave)

    (@tislam100)

    12 years, 10 months ago

    please update to version 2.

    Thread Starter shahnaz

    (@shahnaz)

    12 years, 10 months ago

    Hi. I have update to theron version 2.. I am using my child theme.
    Is there something else I should do as well?
    this is the page Iam looking at
    http://www.gotanjongpagar.com/restaurants/
    on mobile, the menu that appears to the right hand side goes all the way to the bottom.
    How can I make it look like on laptop/ipad?

    I do notice that after upgrading the mobile scrolling is better and th screen does not move from side to sidelike earlier which is good.

    Theme Author Towfiq I. (Brave)

    (@tislam100)

    12 years, 10 months ago

    sorry, you cannot display the menu on right because the space is very limited in mobile displays.

    Thread Starter shahnaz

    (@shahnaz)

    12 years, 10 months ago

    ok. in that case please tell me how i can put a search bar in the header.

    Theme Author Towfiq I. (Brave)

    (@tislam100)

    12 years, 10 months ago

    open up header.php and add this:

    <div style="width:200px; float:right;"><form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form></div>

    after this:

    <body <?php body_class(); ?>>

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘page layout on mobile’ is closed to new replies.