75100

Closing Gap Between Divs

Question:

Here's my test site for a new food festival:

<a href="http://aksarbenribfest.bugs3.com/public_html/#!/page_home" rel="nofollow">http://aksarbenribfest.bugs3.com/public_html/#!/page_home</a>

I managed to move the cartoon logo on the front page closer to the menu arrows on the top of each page, but can't get the remaining pages to 'move up' the page.

I want to eliminate the gap between the column titles (Thursday, Friday & Saturday for example on the 'Music' page) and the bottom of the arrow menu buttons.

Since I'm modifying a template, any other help and hints are definitely appreciated - before I get to too far into it!

Answer1:

If I change the top style on your content section, I think that achieves what you are looking for:

<img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/Tt5Cw.png" data-original="https://i.stack.imgur.com/Tt5Cw.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

(<a href="https://i.stack.imgur.com/Tt5Cw.png" rel="nofollow">Full size</a>)

Answer2:

The problem is the inline-style in this line:

<section id="content" style="top: 210px;">

just change the top-value to something smaller.

Answer3:

You have CSS on a section element like:

<section id="content" style="top: 210px;">

Try reducing that to about 100px.

Answer4:

Delete from #content > ul > li top: 75px then add #content #page_home { top: 75px }

Answer5:

you need to change the funcion that changes dinamically the content position

$(window).resize(function (){ if (content) content.stop().animate( {'top':(windowH()-content.height())*.5}, 500,'easeOutCubic'); });

in your scripts.js

right now, it is vertically centered, try calculating a lower value (may be the easiest way is changing the .5 to say .2 Anyway, be careful not to go too up in small windows sizes

Recommend

  • How would you explain Scala's abstract class feature to a 6th grader? [duplicate]
  • Span rows of a table with mousedown and drag in jquery?
  • How do I work with DriveApi.MetadataBufferResult?
  • how to load a file from folder to memory stream buffer
  • How to use a save file dialog from a servlet?
  • Javascript hide/show div based on the day of the week?
  • How many people are registering in the day of the week
  • Mediawiki API error: Unrecognized value for parameter 'prop': extracts
  • Full calendar business hour constrain on day click event
  • What are the reordering columns on laravel-backpack?
  • Android Permission Denial: broadcasting Intent
  • Functional Programming in Swit to distribute array elements to correct “buckets”
  • Parse RRULE to readable text?
  • Need to selectively remove newline characters from a file using unix (solaris)
  • Any disadvantages of using JQTouch/Phonegap over Android API?
  • Name of day in string format with days to furure
  • Where can in find the locale objects for d3.js for different countries
  • how can i get floating imgs to fill all space
  • Is it possible to control programs with Javascript?
  • Error while re-opening sound file in python
  • Highcharts - Column chart with empty columns for date in x-axis
  • How to add the custom button on google's(device) native application in android?
  • VB.NET - counting days between two dates with exclusions
  • How to calculate networkdays minus holidays between 2 dates
  • Prolog Ambiguous Output
  • Cross platform UI spacing/padding
  • Enumerating Controls on a Form
  • Best practice to eliminate magic numbers within a member function
  • order post according to custom array position
  • Groovy: Unexpected token “:”
  • Replace value with Factor in r data.table
  • Avoid links criss cross / overlap in d3.js using force layout
  • How to access EntityManager inside Entity class in EJB3
  • Repeat a vertical line on every page in Report Builder / SSRS
  • What is the “return” in scheme?
  • Rearranging Cells in UITableView Bug & Saving Changes
  • Circular dependency while pushing http interceptor
  • how to add data labels for bar graph in matlab
  • Linker errors when using intrinsic function via function pointer
  • FormattedException instead of throw new Exception(string.Format(…)) in .NET