Joomla - Overlapping of modules required - module

I had to create a custom menu for the template we chose as the links were supposed to be added over a image. I have a header image which is called in as a module. When I select mod_mainmenu, the menu shows over the header image. However when I disable the mod_mainmenu and select the custom html mod , they come below the header image.
I need it also to come as the menu. Which will resolve the issue.
www.diaryboard.com/ship
This is the link. Could someone help me on this.
Regards
Edward

The first problem I see is in your template.css file on line 672 -
height: 448pxx;
Fix this typo first. You could probably do without the absolute positioning for the logo, but the typo will probably make the page look right.

Related

Illustrating Div's in PDFKit

I'm Struggling Illustrating "Divs" in PDF-KIT module
I Can't find a way solving the "div's" fitting perfectly in one page without breaking in the middle
I Attached a Picture with the PDF result -
the thicker "div" selected
is the corrected way that I need to present it
and the thinner one is the broken one that the header is in another page than content
Many Thanks for You Help !

Greyed out section in Squarespace

HELP ME please.
When I create a new section within the portfolio part of my Squarespace website, it is greyed out. See link below. I can still add content to the section. As you can see there is a 'BACK' button and variations of background with either an image or plain colour. But why is there a white/grey overlay on the section?
If I move the section up then the image gallery comes down into the second position, and has the grey overlay. So it seems it's the second section position which has the problem. If I create another section below the second one it's completely fine as well.
I hope this is an easy one to fix.
thanks! 🙂
https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9
That is happening due to the following rule that is within your Custom CSS / CSS Editor:
.page-section:nth-child(2) {
background: #000 !important;
filter: opacity(30%);
}
That rule was likely written specifically for a different page, but was not written such that it only applies to said page. You'll want to examine your other pages to see if any page is benefiting from that rule, whereby the second section of the page has a lower opacity. If I were to guess, I'd say it's a section on a page that only has a background image with no content.
If there is no other page that benefits from the rule, you can simply delete it from your CSS.
On the other hand, if there is a page (or set of pages) that benefits from the rule, you would want to edit the rule so that it is specific to a single page (or set of pages) by adding the collection ID classes to the beginning of the rule.

prestashop character in the bottom of page

i have a problem with a prestashop website and i have not found any solution in the web.
How you can see in the image, there is a character in the bottom of page, but i have not edit any files. How can i remove it? by css is impossible, if you see the 2nd image, it is not contained in any element.
what could be the problem?
I found the problem in 'footer.tpl' file.

Flag module - link's position change (Drupal)

I've just installed Flags module and it looks awful when on the bottom I see "Flag this item" link. The only thing I've found in configuration is enabling it to show as normal link. Still I haven't found how to change position of this link. Is it even possible to change link's place? I have installed CCK Blocks but it doesn't give me any option to get rid of it. If someone know or suspect what's possible - please help me.
Try the Display Suite module, this module is integrated with many modules like flag, title etc...
Display Suite allows you to take full control over how your content is displayed using a drag and drop interface. Arrange your
nodes, views, comments, user data etc. the way you want without having
to work your way through dozens of template files. A predefined list
of layouts (D7 only) is available for even more drag and drop fun!
https://drupal.org/project/ds
You can move and generate custom layouts for the fields/properties on the entity display formatter: teaser, full...

Bootstrap 3 - the menu occupies the entire screen when on mobile

I cannot figure out what I have done wrong...
What I am trying to do is make the Twitter Bootstrap menu behave correctly.
The problem I am experiencing is that on a mobile the menu can collapse and retract but it covers the entire mobile, i.e. you cant see the rest of the page below.
I have literally copied and pasted a bootstrap 3 example and that doesn't work when I host it!!! Have I missed something very obvious? This is probably best viewed on a mobile....
Here is the page that I put my code on http://www.hackerhotshots.com/y.php
And the original page here: http://getbootstrap.com/examples/navbar-fixed-top/
Can anyone pls see what I am doing so wrong?
Thanks -