Joomla Templates Club 406,261 posts

[gbelli Friend gbelliJoin date: March 2006Posts: 28Downloads:64Uploads:4 Thanks: 7 Thanked: 9 times in 1 posts]

#911604

I need to help to get the top header custom search component so that it does not stack up and use only a minimum of the screen viewing area. It is making it difficult to see products and make purchases. I am using joomla 3.4.4 and JA Cagox 1.0.2. and Genius Virtuemart Ajax Search – VM3 Edition – Deluxe Module. I provided a screenshot from my iPhone 6 Plus and supplied credentials.

Thank you.

---

Attachments:

1. 

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

#912052

Hi

As I can see that you customised the header much, you will have to check again the mockup of the header first and add style for that search extension.

Check out this docs for more info about Bootstrap grid system

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#912102

Hi
There is not enough space to fit all the items .
The maximum i tried to fit the item is like Here : http://prntscr.com/aqr08z
For this you need to add below code in custom.css file

@media (max-width:468px) {.t3-header {
    padding-top: 10px!important; }}

Now go to the tpls/blocks/header.php file and set the value of col-xs for the main nav , header right like in my screenshot : http://prntscr.com/aqr0xc
backend : http://prntscr.com/aqr15s

Hope it helps .

[Author]

Posts