Joomla Templates Club 406,261 posts

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#759751

Hi,

How to move the main-menu under the site logo when displaying on mobile device?

Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#760092

Hi

In which device (screen size) where the main menu displays along with logo as your screenshot? Because in mobile view, the main menu will be collapsed and you need to click navigation button to view menu in dropdown

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#760166

This is desktop version showing in mobile device.
Any idea move the main menu under the logo?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#760501

You can try opening the file: /root/templates/ja_charity/tpls/blocks/header.php

Look for these 2 divs:

<!– LOGO –>
<div class=”col-xs-6 col-lg-2 logo”>

<div class=”navbar-header col-xs-6 col-lg-1 pull-right”>

Then change the class col-xs-6 to col-xs-12

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#760598

I can’t find this source code in my site.Can you tell me the source code in which php file?

<div class=”logo col-xs-1″>

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#760599

Sorry,should be find this code:
<div class=”logo col-xs-2″>

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#761392

Did you change as I suggested above? as I don’t see the modification on your site now.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#761541

This reply has been marked as private.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#761854

I tried your suggested but I thing the code not I want to change.

I want to find this code on our site: <div class=?logo col-xs-2″>

Do you know the code stored in which file?

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#764009

I tried your suggested but I thing the code not I want to change.

I want to find this code on our site: <div class=?logo col-xs-2″>

Do you know the code stored in which file?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#764015

If you don’t override the header block of your site somewhere, you should change in the file: /root/templates/ja_charity/tpls/blocks/header.php

1 user says Thank You to Saguaros for this useful post

1. hoknight

[Author]

Posts