Forum Support

Shape 5
October 23, 2021, 01:45:21 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Menu goes wrong on Phoca Download menu items  (Read 1173 times)
forensys
Jr. Member
**
Offline Offline

Posts: 31



« on: June 26, 2018, 03:02:39 AM »

Hi!

I use Hexa Corp template and the Phoca Download component. On the Phoca download menu items, and on it's submenu items the menu goes wrong.

Here you can see: http://nyiregyhazipaktum.hu/index.php/dokumentumtar

I will send the password and username in PM when you answer.

Thank you!
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 26, 2018, 07:13:43 AM »

Hello,

Your site is asking for a login, I will need to see this live in order to assist. Can you please be more specific as well, what do you mean "it goes wrong"?
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
forensys
Jr. Member
**
Offline Offline

Posts: 31



« Reply #2 on: June 27, 2018, 06:27:10 AM »

I sent in PM the login details
Logged
forensys
Jr. Member
**
Offline Offline

Posts: 31



« Reply #3 on: June 27, 2018, 07:30:53 AM »

My main problem is that the menu has a green bar on the bottom when I click on Dokumentumt?r menu item and it's submenu items.

Other problem in mobile view: From 900px to 883px the top of the menu is on the screen. But sometimes I see only at 900px.

I atteched pictures.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #4 on: June 28, 2018, 06:03:00 PM »

Hello,

Phoca has really bad css in it, they are calling a fully default bootstrap file, which is applying to everything on the site. A developer is responsible for creating code with unique classes and ID's that work with only their component. The issue is in this file:

http://nyiregyhazipaktum.hu/media/com_phocadownload/bootstrap/css/bootstrap.min.css

It's outputting this which ignores the padding on the menu, not to mention everything else on the page:

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

You need to go in and remove that css from their file. It's at line 50.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
forensys
Jr. Member
**
Offline Offline

Posts: 31



« Reply #5 on: June 29, 2018, 02:34:52 AM »

Hi!

I did what you said, but the whole page is fell to pieces. See the attachment.
Logged
forensys
Jr. Member
**
Offline Offline

Posts: 31



« Reply #6 on: June 29, 2018, 02:35:57 AM »

Now I deleted the file bootstrap.min.css, and the page is working normally. Not the ideal, but It's ok: http://nyiregyhazipaktum.hu/index.php/dokumentumtar

So, thank you!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.